<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>首页展示carousel</title>
		<link rel="stylesheet" href="./bootstrap-4.6.1-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
		<style>
			.carousel {
				background: darkslategray;
				margin-top: 5px;
				width: 300pt;
				height: 380pt;
				right: 20pt;
			}

			.carousel-inner img {
				width: 100%;
				height: 100%;
			}
		</style>

	</head>



	<body style="background-color: gray ">
		<p style="position: relative; left: 80pt; top: 5pt;">点击链接播放影片</p>
		<div class="container">
			<div class="container-lg my-4">
				<div id="cid" class="carousel slide" data-interval="3000" data-ride="carousel">
					<!-- Carousel indicators -->
					<ol class="carousel-indicators">
						<li data-target="#cid" data-slide-to="0" class="active"></li>
						<li data-target="#cid" data-slide-to="1"></li>
						<li data-target="#cid" data-slide-to="2"></li>
					</ol>
					<!-- Wrapper for carousel items -->
					<div class="carousel-inner align-top">
						<div class="carousel-item active">
							<img src="./img/大话西游.jpg">
							<div class="carousel-caption d-none d-md-block">
								<a href="https://www.88hd.com/vod-play-id-149448-src-2-num-1.html"
									target="_blank">大话西游</a>
							</div>
						</div>
						<div class="carousel-item">
							<img src="./img/狂怒.jpg">
							<div class="carousel-caption d-none d-md-block">
								<a href="https://www.88hd.com/vod-play-id-153750-src-2-num-1.html"
									target="_blank">狂怒</a>
							</div>
						</div>
						<div class="carousel-item">
							<img src="./img/loveactually.jpg">
							<div class="carousel-caption d-none d-md-block">
								<a href="https://www.88hd.com/vod-play-id-66951-src-2-num-1.html" target="_blank">
									真爱至上</a>
							</div>
						</div>
					</div>
					<!-- Carousel controls -->
					<a class="carousel-control-prev" href="#cid" data-slide="prev">
						<span class="carousel-control-prev-icon "></span>
					</a>
					<a class="carousel-control-next" href="#cid" data-slide="next">
						<span class="carousel-control-next-icon"></span>
					</a>
				</div>
			</div>
		</div>


		<div class="container" style="position: absolute; top: 35pt; left:450pt ;
		width: 165pt;">
			<div class="row">
				<div class="col-xs-12">
					<nav>
						<div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
							<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home"
								role="tab">大话西游</a>
							<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact"
								role="tab"> 狂怒</a>
							<a class="nav-item nav-link" id="nav-about-tab" data-toggle="tab" href="#nav-about"
								role="tab">真爱至上</a>
						</div>
					</nav>
					<div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent">

						<div class="tab-pane fade show active" id="nav-home" role="tabpanel">
							<p style="font-size: 1%;">大话西游 ：至尊宝（周星驰饰）被月光宝盒带回到五百年前，<br>
								遇见紫霞仙子（朱茵饰），被对方打上烙印成为对方的人，并发觉自己已变成孙悟空。<br>
								紫霞与青霞（朱茵饰）（白天是紫霞，晚上是青霞）<br>
								，二人虽然同一肉身却仇恨颇深，因此紫霞立下誓言，谁能拔出她手中的紫青宝剑，<br>
								谁就是她的意中人。紫青宝剑被至尊宝于不经意间拔出，<br>
								紫霞决定以身相许，却遭一心记挂白晶晶（莫文蔚饰）的至尊宝拒绝。<br>
								后牛魔王救下迷失在沙漠中的紫霞，并逼紫霞与他成婚，关键时刻，至尊宝现身。<br>
							</p>
							<button type="button" class="btn btn-info" id="大话西游" onclick="docollection(this.id)">
								<i class="bi bi-box2-heart-fill"></i></button>
							<button type="button" class="btn btn-info"><a
									href="https://www.88hd.com/vod-play-id-149448-src-2-num-1.html" target="_blank"><i
										class="bi bi-camera-reels-fill"></i></a></button>
						</div>

						<div class="tab-pane fade" id="nav-contact" role="tabpanel">
							<p style="font-size: 1%;">
								1945年二战硝烟即将消散之时，<br>
								同盟国军队准备在欧洲战场发动最后一轮猛烈攻击<br>
								。在以寡敌众、弹尽粮绝的不利条件下，<br>
								身经百战的陆军中士Wardaddy（布拉德•皮特饰演）<br>
								指挥谢尔曼坦克的几名坦克手以及二等兵Norman（希安·拉博夫饰演）<br>
								深入纳粹德国的中心地带，执行一项死亡任务。<br>
								主演布拉德·皮特在看完剧本后就答应了导演大卫·艾亚（DavidAyer）的邀约，<br>
								他表示自己被故事中浓浓的英雄主义情结所打动。<br>
								希安·拉博夫也感动于故事中的牺牲精神，<br>
								并表示首次出演战争题材电影对自己也是一个挑战。<br>
							</p>
							<button type="button" class="btn btn-info" id="狂怒" onclick="docollection(this.id)"><i
									class="bi bi-box2-heart-fill"></i></button>
							<button type="button" class="btn btn-info"><a
									href="https://www.88hd.com/vod-play-id-153750-src-2-num-1.html" target="_blank"><i
										class="bi bi-camera-reels-fill"></i></a></button>
						</div>

						<div class="tab-pane fade" id="nav-about" role="tabpanel">
							<p style="font-size: 1%;">
								10个爱情故事串成的喜剧杂烩： 失去母亲的小男孩终日郁郁寡欢，<br>
								继父不知该如何安慰。当他得知继子喜欢上学校里最美的女孩，<br>
								便热烈地鼓励儿子去追。小男孩为了赢得小女孩的关注，<br>
								废寝忘食地练习架子鼓，只为了在圣诞节的晚会上能与她同台演出<br>
								勇敢的他，甚至为了最后的一记道别潇 洒地突破机场的安检区。<br>
								两个孩子的母亲面对了婚姻危机。丈夫感出轨<br>
								把项链送给了别的女人，<br>
								给她的，则仅是一张她热爱的女歌手的CD。她找了借口仓皇躲入卧室，<br>
								在歌声中隐忍啜泣。转个身，又夸张地大笑着，迎向娇女爱子欢喜的面容<br>
								。 丈夫最终幡然醒悟。 …… 如此的小故事共有十出，温暖你我的心。<br>


							</p>
							<button type="button" class="btn btn-info" id="真爱至上" onclick="docollection(this.id)"><i
									class="bi bi-box2-heart-fill"></i></button>
							<button type="button" class="btn btn-info"><a
									href="https://www.88hd.com/vod-play-id-66951-src-2-num-1.html" target="_blank"><i
										class="bi bi-camera-reels-fill"></i></a></button>
						</div>

					</div>
				</div>
			</div>


		</div>

		<div class="container " style="position: relative; top: 5pt; right
		width: 150pt;">
			<caption> 近期热播</caption>
			<ol class="list-inline">
				<li class="list-inline-item">
					<figcaption>你的婚礼</figcaption>
					<img src="./img/你的婚礼.jpg" alt="你的婚礼" style="height: 150pt; width: 100pt;">

					<div class="btn-group align-bottom">
						<button type="button" class="btn btn-info" id="你的婚礼" onclick="docollection(this.id)"><i
								class="bi bi-box2-heart-fill"></i></button>
						<button type="button" class="btn btn-info"><a
								href="https://www.88hd.com/vod-play-id-112552-src-2-num-1.html" target="_blank"><i
									class="bi bi-camera-reels-fill"></i></a></button>
						<button type="button" class="btn btn-info" data-toggle="tooltip" data-placement="top"
						 title="
主演：许光汉,章若楠
相关：
类型：电影 爱情片
更新：2023-01-05 03:35
导演：韩天
地区：大陆
年份：2021
语言：国语
剧情简介:高中时，游泳特长生（许光汉饰）对转校生（
章若楠饰）一见钟情，年少懵懂的纯纯爱恋，男孩默默
守护，但女孩却不告而别。此后的人生，15年的爱情长
跑。你的婚礼，也是我的成人礼">
							detail
						</button>
					</div>

				</li>

				<li class="list-inline-item">
					<figcaption>飞驰人生</figcaption>
					<img src="./img/飞驰人生.jpg" alt="飞驰人生" style="height: 150pt; width: 100pt;">


					<div class="btn-group align-bottom">
						<button type="button" class="btn btn-info" id="飞驰人生" onclick="docollection(this.id)"><i
								class="bi bi-box2-heart-fill"></i></button>
						<button type="button" class="btn btn-info"><a
								href="https://www.88hd.com/vod-play-id-56649-src-1-num-1.html" target="_blank"><i
									class="bi bi-camera-reels-fill"></i></a></button>
						<button type="button" class="btn btn-info" data-toggle="tooltip" data-placement="top" title="
						主演：沈腾,黄景瑜,尹正,尹昉,田雨,腾格尔,赵文瑄,张本煜,刘帅良
相关：类型：电影 
喜剧片更新：2022-10-12 05:00
导演：韩寒地区：中国大陆
年份：2019
语言：国语
剧情简介:曾经在赛车界叱咤风云、如今却只能经营炒饭大排档的赛车手
张驰决定重返车坛挑战年轻一代的天才。然而没钱没车没队友，甚至驾照
都得重新考，这场笑料百出不断被打脸的复出之路，还有更多哭笑不得的
窘境在等待着这位过气车神">
							detail
						</button>
					</div>

				</li>

				<li class="list-inline-item">
					<figcaption>拯救大兵瑞恩</figcaption>
					<img src="./img/拯救大兵瑞恩.jpg" alt="拯救大兵瑞恩" style="height: 150pt; width: 100pt;">

					<div class="btn-group align-bottom">
						<button type="button" class="btn btn-info" id="拯救大兵瑞恩" onclick="docollection(this.id)"><i
								class="bi bi-box2-heart-fill"></i></button>
						<button type="button" class="btn btn-info"><a
								href="https://www.88hd.com/vod-play-id-3832-src-1-num-1.html" target="_blank"><i
									class="bi bi-camera-reels-fill"></i></a></button>
						<button type="button" class="btn btn-info" data-toggle="tooltip" data-placement="top" title="
主演：汤姆·汉克斯,汤姆·塞兹摩尔,爱德华·伯恩斯,巴里·佩珀
相关：没有与《拯救大兵瑞恩》相关的影片
类型：电影 动作片更新：2022-10-12 12:35
导演：史蒂文·斯皮尔伯格
地区：美国
年份：1998
语言：未知
剧情简介:瑞恩（马特•达蒙 Matt Damon饰 ）是二战期间的美国
伞兵，被困在了敌人后方。更不幸的是，他的三个兄弟全部在战争
中死亡，如果他也遇难，家中的老母亲将无依无靠。 美国作战总
指挥部知道了这个情况，毅然决定组织一个小分队前往救援，其中
包括米勒上尉（汤姆•汉克斯 Tom Hanks 饰 ）和翻译厄本（杰里
米.戴维斯 Jererry Davies饰）。然而，敌方危险重重，他们一
路上随时与死亡打交道。他们非常怀疑，到底值不值得冒着八个人
的生命危险，去搭救一个人。 大家一路辗转寻找瑞恩，对于这次搭
救行动，有人不满，有人热忱，有人好奇。大家一次次闻到死神的
气息，瑞恩的获救付出了沉重的代价">
							detail
						</button>
					</div>

				</li>


			</ol>
		</div>



		<script src="./js/jquery-3.6.1.js"></script>
		<script src="./bootstrap-4.6.1-dist/js/bootstrap.bundle.js"></script>


		<script>
			function docollection(filmname) {
				var fname = filmname;
				console.log(fname);
				var id = localStorage.Userid;
				$.ajax({
					url: "http://127.0.0.1:8080/savecollection",
					data: {
						"uid": id,
						"name": fname
					},
					type: "get",
					dataType: "json",
					success: function(result) {},
					error: function(err) {
						console.log(err);
					},

				});
			}
		</script>



	</body>
</html>
